<template>
  <a-modal
    :maskClosable="false"
    title="查看图片"
    centered
    :width="800"
    :footer="null"
    v-model="visible"
  >
    <div class="img-box">
      <img :src="url" alt="">
    </div>

  </a-modal>
</template>
<script>
export default {
  data () {
    return {
      visible: false,
      url: ''
    }
  },
  methods: {
    show (url) {
      this.url = url
      this.visible = true
    }
  }
}
</script>
<style scoped lang="less">
.img-box{
  width: 100%;
  img{
    width: 100%;
  }
}
</style>
